<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>


$(document).ready(function() {
	$("#myButton").click(function() {
		$.ajax({
			url: '${pageContext.request.contextPath}/services/rest/ubicaVehiculo/obtenerUbicacion/'+													
			$("#numPlaca").val(),
			type: 'GET',
			success: function(data) {
				$("#localizacion").html("Latitud: "+data.Latitud+"\n"+
										"Longitud: "+data.Longitud
										);
			},
			error: function(data) {
				alert("Error");
			}
		});
	});
 });


</script>
</head>
<body>
<h1>Ubicaci&oacute;n de vehiculos por Placa </h1>
<input id="numPlaca" type="text" />
<button id="myButton">Ubicar</button>
<span id="localizacion"></span>
</body>
</html>
